Method and apparatus for loading picture

ABSTRACT

The disclosure relates to a method and an apparatus for loading a picture. A target page element is obtained. A motion state of the target page element is obtained. A to-be-loaded picture carried by the target page element is obtained. The to-be-loaded picture is added to a to-be-loaded queue based on the motion state being a scrolling state. The to-be-loaded queue is configured to monitor the to-be-loaded picture based on a change of the motion state. The to-be-loaded picture is added to a loading state based on the motion state changing to a non-scrolling state.

CROSS REFERENCE TO RELATED APPLICATIONS

This application claims priority and benefits to Chinese Application No.202110046009.6, filed on Jan. 14, 2021, the entire content of which isincorporated herein by reference.

TECHNICAL FIELD

The disclosure relates to a field of page technologies, and particularlyto a method and an apparatus for loading a picture, an electronic deviceand a storage medium.

BACKGROUND

For rendering a page, pictures are continuously loaded and cached basedon page content. As the page content becomes richer and richer, more andmore pictures are loaded to render the page. As a result, resourceconsumption of a smart device such as a mobile terminal hassignificantly increased.

SUMMARY

A method for loading a picture is provided. The method includes:obtaining a target page element; obtaining a motion state of the targetpage element; obtaining a to-be-loaded picture carried by the targetpage element; adding the to-be-loaded picture to a to-be-loaded queuebased on the motion state being a scrolling state, the to-be-loadedqueue being configured to monitor the to-be-loaded picture based on achange of the monition state, and adding the to-be-loaded picture to aloading queue to be downloaded based on the motion state changing to anon-scrolling state.

A non-transitory computer readable storage medium is provided. Wheninstructions stored in the storage medium are executed by a processor ofan electronic device, the processor is caused to execute a method forloading a picture as described above.

An electronic device is further provided. The electronic deviceincludes: a processor; and a memory configured to store instructionsexecutable by the processor. The processor is configured to execute theinstructions to execute the method for loading a picture as describedabove.

It should be noted that, the details above and in the following areexemplary and illustrative, and do not constitute the limitation on thedisclosure.

BRIEF DESCRIPTION OF THE DRAWINGS

The drawings herein are incorporated into the specification andconstitute a part of the specification, show embodiments in conformitywith the disclosure, and explain the principle of the disclosuretogether with the specification, which do not constitute an incorrectlimitation of the disclosure.

FIG. 1 is a flowchart illustrating a method for loading a pictureaccording to embodiments of the disclosure.

FIG. 2 is a schematic diagram illustrating a method for obtaining atarget page element according to embodiments of the disclosure.

FIG. 3 is a schematic diagram illustrating a to-be-loaded queue and aloading queue according to embodiments of the disclosure.

FIG. 4 is a block diagram illustrating an apparatus for loading apicture according to embodiments of the disclosure.

FIG. 5 is a block diagram illustrating an electronic device according toembodiments of the disclosure.

DETAILED DESCRIPTION

In order to make those skilled in the art well understand technicalsolutions of the disclosure, the technical solutions of the disclosurewill be described clearly and completely in combination with theaccompanying drawings of the disclosure.

It is to be noted that, terms “first”, “second” used in the descriptionand the appended claims are used to distinguish similar objects, ratherthan describe a specific order or a timing order. It is to be understoodthat the data used herein may be exchanged appropriately such thatembodiments of the disclosure described herein may be implemented in anorder other than those illustrated or described herein. Theimplementations described in following exemplary embodiments do notrepresent all implementations consistent with the disclosure. Rather,they are merely examples of apparatuses and methods consistent with someaspects of the disclosure, as detailed in the appended claims.

While a page is being loaded, a user may scroll the page continuously.At present, for the above case, all pictures are loaded, causing a heavyburden on the smart device and reduction of operation efficiency of thesmart device. For example, due to a scrolling operation on pictures ofthe page, elements corresponding to the pictures may be frequentlyloaded or removed on or from a render tree, and thus the picturescorresponding to the elements may be frequently loaded and removed onand from the cache. Not only cache resources are wasted, but alsoexcessive CPU resource of the device are occupied because of continuousdownloading, encoding and decoding of the pictures. As a result, whenthe scrolling operation is performed on a displayed page, unsmoothdisplay may be caused, and power consumption may be increased.

Therefore, embodiments of the disclosure provide a method for loading apicture, an electronic device, and a storage medium. It may bedetermined whether to load the picture based on the motion state of thepicture. When the picture is in the scrolling state, the picture is notdirectly downloaded but is added to the to-be-loaded queue, and theto-be-loaded picture in the to-be-loaded queue is monitored. When thescrolling state changes, the picture is moved to the loading queue andto be downloaded. Unnecessary downloading, traffic consumption, andoccupation of memory and CPU resources can be reduced.

In embodiments of the disclosure, a respective context may be set foreach picture. The context is used to represent states of the picture,such as a scrolling state or a position state indicating a positionalrelationship between the picture and a view, such as the picture beingwithin or outside the view. The picture may be uploaded or downloaded onor from a render tree based on the context. For example, when a pictureis currently in the scrolling state, the picture is not loaded untilstopping scrolling the picture, to avoid unnecessary loading of thepicture.

FIG. 1 is a flowchart illustrating a method for loading a pictureaccording to embodiments of the disclosure. The method may include thefollowing.

At block S110, a target page element is obtained.

In some examples, a page may correspond to a layout tree. For designinga layout of a page and rendering the page, a corresponding render treeis generated based on the layout tree and a corresponding CascadingStyle Sheet (CSS), and the corresponding page is generated based on therender tree. The layout tree includes multiple nodes. Each nodecorresponds to a respective page element. Each node has its ownconfiguration information. The configuration information is used todefine parameters of the node, such as a position and a size ordimension of the node (i.e., a corresponding page element).

The target page element refers to a page element entering into a currentlist viewport. For example, the disclosure will be described by taking asmart television as an example. FIG. 2 is a schematic diagramillustrating a method for obtaining a target page element according toembodiments of the disclosure, where the smart television is taken as anexample for description. The smart television 200 has an action list 210and a display area 220. The action list 210 includes multiple pageelements, and each page element forms an action item. The action list210 has a current list viewport 230, and the list viewport 230 has abuffer area 231. The action list 210 includes action items 21 to 25. Ascan be seen in the figure, the action list 210 is long and includes themultiple action items. Since the action list 210 is long, the actionlist 210 cannot be completely displayed on the smart television 200.Therefore, the list viewport 230 is adopted to display a visible part ofthe action list 210. The list viewport 230 refers to a part displayedthrough the smart television 230. In an example, when a certain actionitem (for example, the action item 25) enters into the buffer area 231,which means that this action item is prepared to enter into the listviewport 230 and to be loaded, the layout of action items in the bufferarea 231 are to be designed and rendered. Therefore, in an example, apage element that enters in the buffer area is taken as the target pageelement. In other examples, a page element that enters in the currentlist viewport may be taken as the target page element.

There may be one or more target page elements, and the number of thetarget page elements is determined by the number of the page elementsentering in the buffer area.

At block S130, a motion state of the target page element is obtained.

The target page element may carry a picture. In some examples, thetarget page element carrying a picture means that the target pageelement includes an identifier or a thumbnail of the picture, and thepicture corresponds to the identifier or the thumbnail. As an example,when the target page element is displayed on an interface, the picturecorresponding to the target page element is loaded based on theidentifier or the thumbnail and the loaded picture is displayed on theinterface. As another example, when the target page element slides overthe interface, the picture corresponding to the target page element isnot loaded or displayed on the interface and the identifier or thethumbnail slides along with the target page element over the interface.

For rendering the target page element, the picture needs to bedownloaded and loaded. In the disclosure, the picture carried by thetarget page element is not directly downloaded, but a motion state labelof a to-be-loaded picture is set based on the motion state of the targetpage element. A respective label may be set for the to-be-loaded picturecorresponding to each target page element, such as a motion state label,a position state label or the like. The label of the to-be-loadedpicture is determined by the motion state of the corresponding targetpage element. For example, when the motion state of the target pageelement is a scrolling state, the label set for the to-be-loaded picturecarried by the target page element is a scrolling state label. When themotion state of the target page element is a non-scrolling state, thelabel set for the to-be-loaded picture carried by the target pageelement is a non-scrolling state label.

At block S150, when the motion state of the target page element is anon-scrolling state, the to-be-loaded picture carried by the target pageelement is added to a loading queue. When the motion state of the pageelement carrying the to-be-loaded picture is the non-scrolling state,which indicates that the to-be-loaded picture is in the non-scrollingstate and the user is normally browsing the to-be-loaded picture, theto-be-loaded picture is added to the loading queue and to be normallydownloaded.

Normally browsing the to-be-loaded picture means that the to-be-loadedpicture is displayed on a current interface.

At block S170, when the motion state of the target page element is thescrolling state, the to-be-loaded picture carried by the target pageelement is obtained and the to-be-loaded picture is added to ato-be-loaded queue. The to-be-loaded queue is configured to monitor theto-be-loaded picture based on a change in the motion state of the targetpage element. When the motion state of the target page element changesto the non-scrolling state, the to-be-loaded picture is added to theloading queue and to be downloaded.

When it is determined that the target page element is in the scrollingstate based on the motion state of the to-be-loaded picture carried bythe target page element, it can be determined that the to-be-loadedpicture is in the scrolling state and the user is scrolling through thepage. In this case, the to-be-loaded picture is added in theto-be-loaded queue for further observation. In an example, the targetpage element can be rendered, but pictures carried by the target pageelement are not loaded. From the perspective of the user, an outline ofthe target page element is obtained, but the pictures carried by thetarget page element cannot be seen since the pictures are in thescrolling state.

In some examples, a page manager maintains the to-be-loaded queue andthe loading queue. The loading queue includes multiple loading tasks.For the loading tasks in the loading queue, the page manager downloadsthe to-be-loaded pictures in the loading queue one by one. However, theto-be-loaded pictures in the to-be-loaded queue are monitoredperiodically rather than being directly downloaded.

It is to be noted that, the to-be-loaded picture in the scrolling stateis also loaded by monitoring the state of the to-be-loaded picture. Ifthe label corresponding to the to-be-loaded picture changes, theto-be-loaded picture is moved from the to-be-loaded queue to the loadingqueue and is to be loaded, or the to-be-loaded picture is removed fromthe to-be-loaded queue.

For example, the label of the to-be-loaded picture in the to-be-loadedqueue is monitored periodically. When the motion state label is switchedfrom the scrolling state label to the non-scrolling state label, whichindicates that the user stops scrolling the page and a positioncorresponding to the to-be-loaded picture of the page currently stays onthe interface, the to-be-loaded picture is moved from the to-be-loadedqueue to the loading queue and to be loaded. When the motion state labelcorresponding to the to-be-loaded picture is the scrolling state label,the to-be-loaded picture is still in the to-be-loaded queue.

When the page element corresponding to the to-be-loaded picture in theto-be-loaded queue is unloaded, which indicates that the page elementhas been crossed by the user, the to-be-loaded picture corresponding tothe page element is deleted from the to-be-loaded queue.

FIG. 3 is a schematic diagram illustrating a to-be-loaded queue and aloading queue according to embodiments of the disclosure. The loadingqueue 310 includes multiple to-be-loaded pictures 311, and theto-be-loaded queue 320 includes multiple to-be-loaded pictures 321.States of the page elements corresponding to the to-be-loaded picturesin the to-be-loaded queue are monitored periodically. That is, thelabels of the to-be-loaded pictures are queried. When the labelcorresponding to a to-be-loaded pictures changes, for example, the labelis switched from the scrolling state label to the non-scrolling statelabel, the to-be-loaded picture is moved from the to-be-loaded queue tothe loading queue.

A mounting state of the target page element may be further obtained.When the mounting state of the target page element is a mounted stateand the motion state is the non-scrolling state, the to-be-loadedpicture is added to the loading queue. That is, when the target pageelement is in the mounted state and the motion state is thenon-scrolling state, it can be determined that the user is browsing thepage normally, and thus the to-be-loaded picture is added to the loadingqueue and to be normally downloaded. When the mounting state of thetarget page element is the mounted state and the motion state is thescrolling state, the to-be-loaded picture is added to the to-be-loadedqueue. That is, when the target page element is in the mounted state andthe motion state is the scrolling state, it can be determined that theuser is scrolling the page, and thus the to-be-loaded picture is notdirectly downloaded, but added to the to-be-loaded queue and monitored.When the scrolling state of the to-be-loaded picture changes, theto-be-loaded picture is moved to the loading queue and to be downloaded.When the mounting state of the target page element is a non-mountedstate, the target page element is not processed. That is, theto-be-loaded picture is not added to the loading queue or a to-be-loadedqueue.

A position state of the target page element may be further obtained anda position state label may be generated based on the position state.When it is determined that the target page element is within a displayspace of an electronic device based on the position state of the targetpage element, for example, in a view of a mobile phone or a digitaltelevision, it indicates that the user is going to browse the targetpage element. In this case, the motion state of the page element isfurther detected. When the motion state is the non-scrolling state, itindicates that the user is normally browsing the page, and thus theto-be-loaded picture is added to the loading queue and to be downloaded.When it is determined that the page element is within the display spaceof the electronic device based on the position state of the target pageelement and the motion state is the scrolling state, the to-be-loadedpicture is added to the to-be-loaded queue, and the to-be-loaded queueis monitored.

When it is determined that the page element is outside the display spaceof the electronic device based on the position state of the target pageelement, it indicates that the target page element has not been browsedor that the target page element has been crossed by the current listviewport, and thus the to-be-loaded picture is not added to theto-be-loaded queue or the loading queue. The to-be-loaded picture in theto-be-loaded queue refers to a picture (which is in the scrolling state)carried by the target page element within the display view of theelectronic device.

For rendering a page, the motion state of the page element correspondingto the to-be-loaded picture in the to-be-loaded queue keeps to bemonitored. When the motion state of the page element is switched fromthe scrolling state to the non-scrolling state, it indicates that theuser stops scrolling the page and is normally browsing the page, andthus the to-be-loaded picture is moved from the to-be-loaded queue tothe loading queue, to be normally downloaded and loaded in the pageelement.

When the mounting state of the target page element is the non-mountedstate, the to-be-loaded picture is removed from the to-be-loaded queue.

With the disclosure, it is determined whether to load the picture basedon the motion state label of the picture. When the picture is in thescrolling state, the picture is not directly downloaded but is added tothe to-be-loaded queue, and the to-be-loaded picture in the to-be-loadedqueue is monitored. When the scrolling state changes, the picture ismoved to the loading queue and to be downloaded. Unnecessarydownloading, traffic consumption, and occupation of memory and CPUresources can be reduced.

FIG. 4 is a block diagram illustrating an apparatus for loading apicture according to embodiments of the disclosure. The apparatus 400includes an obtaining module 410, a motion state obtaining module 420and a loading queue managing module 430. The obtaining module 410 isconfigured to obtain a target page element. The motion state obtainingmodule 420 is configured to obtain a motion state of the target pageelement. The loading queue managing module 430 is configured to obtain ato-be-loaded picture carried by the target page element and add theto-be-loaded picture to a to-be-loaded queue based on the motion statechanging to a scrolling state, and add the to-be-loaded picture to theloading queue to be downloaded based on the motion state being anon-scrolling state. The to-be-loaded queue is configured to monitor theto-be-loaded picture based on a change in the motion state of the targetpage element.

In some examples, the loading queue managing module 430 is furtherconfigured to add the to-be-loaded picture to the loading queue when themotion state of the target page element is the non-scrolling state.

In some examples, the loading queue managing module 430 is furtherconfigured to obtain a mounting state of the target page element, addthe to-be-loaded picture to the loading queue when the mounting state ofthe target page element is a mounted state and the motion state is thenon-scrolling state, and add the to-be-loaded picture to theto-be-loaded queue when the mounting state is the mounted state and themotion state is the scrolling state. When the mounting state is anon-mounted state, the to-be-loaded picture is not added to theto-be-loaded queue or the loading queue.

In some examples, the loading queue managing module 430 is furtherconfigured to obtain a position state of the target page element, addthe to-be-loaded picture to the loading queue when determining that thetarget page element is within a display space of an electronic devicebased on the position state of the target page element and the motionstate is the non-scrolling state, and add the to-be-loaded picture tothe to-be-loaded queue when determining that the page element is withinthe display space of the electronic device based on the position stateof the target page element and the motion state is the scrolling state.

In some examples, the loading queue managing module 430 is furtherconfigured to not adding the to-be-loaded picture to the to-be-loadedqueue or the loading queue when determining that the page element isoutside the display space of the electronic device based on the positionstate of the target page element.

In some examples, the loading queue managing module 430 is furtherconfigured to detect the motion state of the page element correspondingto the to-be-loaded picture in the to-be-loaded queue for rendering apage, and moving the to-be-loaded picture from the to-be-loaded queue tothe loading queue when the motion state of the target page element isswitched from the scrolling state to the non-scrolling state.

In some examples, the loading queue managing module 430 is furtherconfigured to remove the to-be-loaded picture from the to-be-loadedqueue when the mounting state of the target page element is anon-mounted state.

According to a third aspect of embodiments of the disclosure, anon-transitory computer readable storage medium is further provided.When instructions in the storage medium are executed by a processor ofan electronic device, the processor is caused to execute theabove-mentioned method for loading a picture.

According to a fourth aspect of embodiments of the disclosure, anelectronic device is further provided. The electronic device includes aprocessor and a memory configured to store instructions executable bythe processor. The processor is configured to execute the instructionsto execute the above-mentioned method for loading a picture.

In order to implement above embodiments, the disclosure further providesa storage medium.

When instructions in the storage mediums are executed by a processor ofan electronic device, the electronic device is caused to execute theabove-mentioned method.

In order to implement above embodiments, the disclosure further providesa computer program product.

When the computer program product is executed by a processor of anelectronic device, the electronic device is caused to execute theabove-mentioned method.

FIG. 5 is a block diagram illustrating an electronic device according toembodiments of the disclosure. The electronic device illustrated in FIG.5 is only an example and should not be considered as a limitation on afunction or application range of the disclosure.

As illustrated in FIG. 5 , the electronic device 1000 includes aprocessor 111. The processor 111 is configured to execute variousappropriate actions and processes based on computer programs stored in aread-only memory (ROM) 112 or loaded from a memory 116 to a randomaccess memory (RAM) 113. In the RAM 113, various programs and datarequired for operations of the electronic device 1000 may be stored. Theprocessor 111, the ROM 112 and the RAM 113 may be connected via a bus114. An input/output (I/O) interface 115 is also connected to the bus114.

The following components can be connected to the I/O interface 115: thememory 116 including hard dishes and a communication part 117 of anetwork interface card such as a Local Area Network (LAN) card and amodem. The communication part 117 performs the communication processingthrough a network such as Internet. In addition, the driver 118 is alsoconnected to the I/O interface 115 as required.

In particular, with embodiments of the disclosure, the process describedabove with reference to the flowchart may be implemented as a computersoftware program. For example, embodiments of the disclosure include acomputer program carried on a computer-readable medium. The computerprogram contains program codes for performing the above-mentioned in theflowchart. In such embodiments, the computer program may be downloadedand installed from the network through the communication part 117. Whenthe computer program is executed by the processor 111, the abovefunctions defined in the method of the disclosure are performed.

In some embodiments, a storage medium including instructions is furtherprovided, such as the memory including instructions. The instructionsmay be executed by the processor 111 of the electronic device 1000 toimplement the above-mentioned method. In some examples, the storagemedium may be a non-transitory computer-readable storage medium. Forexample, the non-transitory computer-readable storage medium may be aROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppydisk, an optical data storage device, etc.

In the disclosure, the computer-readable storage medium may be anytangible medium that may contain or store a program for use by or inconnection with an instruction execution system, apparatus, or device.In the disclosure, a computer-readable signal medium may include a datasignal transmitted in a baseband or as a part of a carrier wave, whichcarries a computer readable program code. Such a data signal transmittedmay take a variety of forms, including but not limited to anelectromagnetic signal, an optical signal, or any suitable combinationof the foregoing. A computer readable signal medium may be further anycomputer readable medium in addition to a computer readable storagemedium, and the computer readable medium may transmit, spread ortransport a program for use by or in connection with an instructionexecution system, apparatus, or device. A program code contained on acomputer readable medium may be transmitted by any suitable medium,including but not limited to a wireless, an electric cable, an opticalfiber cable, an RF, etc., or any suitable combination of the foregoing.

With the disclosure, it is determined whether to load the picture basedon the motion state label of the picture. When the picture is in thescrolling state, the picture is not directly downloaded but is added tothe to-be-loaded queue, and the to-be-loaded picture in the to-be-loadedqueue is monitored. When the scrolling state changes, the picture ismoved to the loading queue and to be downloaded. Unnecessarydownloading, traffic consumption, and occupation of memory and CPUresources can be reduced.

After considering the specification and practicing the disclosureherein, those skilled in the art will easily think of otherimplementations. The application is intended to cover any variations,usages, or adaptive changes of the disclosure. These variations, usages,or adaptive changes follow the general principles of the disclosure andinclude common knowledge or conventional technical means in thetechnical field not disclosed by the disclosure. The description and theembodiments are to be regarded as exemplary only, and the true scope andspirit of the disclosure are given by the appended claims.

It should be understood that the disclosure is not limited to theprecise structure described above and shown in the drawings, and variousmodifications and changes may be made without departing from its scope.The scope of the claimed invention is only limited by the appendedclaims.

What is claimed is:
 1. A method for loading a picture, comprising:obtaining at least one target page element; obtaining a motion state ofthe at least one target page element as a scrolling state; obtaining atleast one to-be-loaded picture carried by the at least one target pageelement; in response to obtaining the motion state as the scrollingstate, adding the at least one to-be-loaded picture to a to-be-loadedqueue and not downloading the at least one to-be-loaded picture in theto-be-loaded queue; setting a motion state label of the at least oneto-be-loaded picture as a scrolling state in response to obtaining themotion state of the at least one target page element as the scrollingstate; monitoring the at least one to-be-loaded picture in theto-be-loaded queue by monitoring the motion state of the at least onetarget page element carrying the at least one to-be-loaded picture;obtaining that the motion state label of the at least one target pageelement carrying the at least one to-be-loaded picture in theto-be-loaded queue changes from the scrolling state to a non-scrollingstate; setting the motion state label of the at least one to-be-loadedpicture as a non-scrolling state in response to obtaining that themotion state of the at least one target page element changes from thescrolling state to the non-scrolling stat; moving the at least oneto-be-loaded picture from the to-be-loaded queue to a loading queue tobe downloaded in response to setting the motion state label of the atleast one to-be-loaded picture as the non-scrolling state; downloading,one by one, the at least one to-be-loaded picture in the loading queue;and displaying at least one of the at least one downloaded to-be-loadedpicture in a display space of an electronic device.
 2. The method ofclaim 1, further comprising: obtaining a mounting state of the at leastone target page element, wherein the mounting state is configured toindicate whether the at least one target page element is mounted or not;moving the at least one to-be-loaded picture from the to-be-loaded queueto the loading queue based on the mounting state indicating that the atleast one target page element is mounted and the motion state labelbeing the non-scrolling state, and adding the at least one to-be-loadedpicture to the to-be-loaded queue based on the mounting state indicatingthat the at least one target page element is mounted and the motionstate label being the scrolling state.
 3. The method of claim 2, furthercomprising: not adding the at least one to-be-loaded picture to theto-be-loaded queue or moving the at least one to-be-loaded picture fromthe to-be-loaded queue to the loading queue based on the mounting stateindicating that the at least one target page element is not mounted. 4.The method of claim 1, further comprising: obtaining a position state ofthe at least one target page element, moving the at least oneto-be-loaded picture from the to-be-loaded queue to the loading queue inresponse to determining that the at least one target page element iswithin the display space of the electronic device based on the positionstate and the motion state label being the non-scrolling state; andadding the at least one to-be-loaded picture to the to-be-loaded queuein response to determining that the at least one target page element iswithin the display space of the electronic device based on the positionstate and the motion state label being the scrolling state.
 5. Themethod of claim 4, further comprising: not adding the at least oneto-be-loaded picture to the to-be-loaded queue or moving the at leastone to-be-loaded picture from the to-be-loaded queue to the loadingqueue in response to determining that at least one the target pageelement is outside the display space of the electronic device based onthe position state.
 6. The method of claim 1, further comprising:removing the at least one to-be-loaded picture from the to-be-loadedqueue in response to the at least one target page element being notmounted.
 7. A non-transitory computer-readable storage medium, havinginstructions stored thereon, wherein when the instructions are executedby a processor, the processor is caused to execute a method for loadinga picture, the method comprising: obtaining at least one target pageelement; obtaining a motion state of the at least one target pageelement as a scrolling state; obtaining at least one to-be-loadedpicture carried by the at least one target page element; in response toobtaining the motion state as the scrolling state, adding the at leastone to-be-loaded picture to a to-be-loaded queue and not downloading theat least one to-be-loaded picture in the to-be-loaded queue; setting amotion state label of the at least one to-be-loaded picture as ascrolling state in response to obtaining the motion state of the atleast one target page element as the scrolling state; monitoring the atleast one to-be-loaded picture in the to-be-loaded queue by monitoringthe motion state of the at least one target page element carrying the atleast one to-be-loaded picture; obtaining that the motion state label ofthe at least one target page element carrying the at least oneto-be-loaded picture in the to-be-loaded queue changes from thescrolling state to a non-scrolling state; setting the motion state labelof the at least one to-be-loaded picture as a non-scrolling state inresponse to obtaining that the motion state of the at least one targetpage element changes from the scrolling state to the non-scrolling stat;moving the at least one to-be-loaded picture from the to-be-loaded queueto a loading queue to be downloaded in response to setting the motionstate label of the at least one to-be-loaded picture as thenon-scrolling state; downloading, one by one, the at least oneto-be-loaded picture in the loading queue; and displaying at least oneof the at least one downloaded to-be-loaded picture in a display spaceof an electronic device.
 8. The non-transitory computer-readable storagemedium of claim 7, wherein the method further comprises: obtaining amounting state of the at least one target page element, wherein themounting state is configured to indicate whether the at least one targetpage element is mounted or not; moving the at least one to-be-loadedpicture from the to-be-loaded queue to the loading queue based on themounting state indicating that the at least one target page element ismounted and the motion state label being the non-scrolling state, andadding the at least one to-be-loaded picture to the to-be-loaded queuebased on the mounting state indicating that the at least one target pageelement is mounted and the motion state label being the scrolling state.9. The non-transitory computer-readable storage medium of claim 8,wherein the method further comprises: not adding the at least oneto-be-loaded picture to the to-be-loaded queue or moving the at leastone to-be-loaded picture from the to-be-loaded queue to the loadingqueue based on the mounting state indicating that the at least onetarget page element is not mounted.
 10. The non-transitorycomputer-readable storage medium of claim 7, wherein the method furthercomprises: obtaining a position state of the at least one target pageelement, moving the at least one to-be-loaded picture from theto-be-loaded queue to the loading queue in response to determining thatthe at least one target page element is within the display space of theelectronic device based on the position state and the motion state labelbeing the non-scrolling state; and adding the at least one to-be-loadedpicture to the to-be-loaded queue in response to determining that the atleast one target page element is within the display space of theelectronic device based on the position state and the motion state labelbeing the scrolling state.
 11. The non-transitory computer-readablestorage medium of claim 10, wherein the method further comprises: notadding the at least one to-be-loaded picture to the to-be-loaded queueor moving the at least one to-be-loaded picture from the to-be-loadedqueue to the loading queue in response to determining that at least onethe target page element is outside the display space of the electronicdevice based on the position state.
 12. An electronic device,comprising: a processor; and a memory configured to store instructionsexecutable by the processor; wherein, the processor is configured toconfigured to: obtain at least one target page element; obtain a motionstate of the at least one target page element as a scrolling state;obtain at least one to-be-loaded picture carried by the at least onetarget page element; in response to obtaining the motion state as thescrolling state, add the at least one to-be-loaded picture to ato-be-loaded queue and not downloading the at least one to-be-loadedpicture in the to-be-loaded queue; set a motion state label of the atleast one to-be-loaded picture as a scrolling state in response toobtaining the motion state of the at least one target page element asthe scrolling state; monitor the at least one to-be-loaded picture inthe to-be-loaded queue by monitoring the motion state of the at leastone target page element carrying the at least one to-be-loaded picture;obtain that the motion state label of the at least one target pageelement carrying the at least one to-be-loaded picture in theto-be-loaded queue changes from the scrolling state to a non-scrollingstate; set the motion state label of the at least one to-be-loadedpicture as a non-scrolling state in response to obtaining that themotion state of the at least one target page element changes from thescrolling state to the non-scrolling stat; moving the at least oneto-be-loaded picture from the to-be-loaded queue to a loading queue tobe downloaded in response to setting the motion state label of the atleast one to-be-loaded picture as the non-scrolling state; download, oneby one, the at least one to-be-loaded picture in the loading queue; anddisplay at least one of the at least one downloaded to-be-loaded picturein a display space of an electronic device.
 13. The electronic device ofclaim 12, wherein the processor is further configured to: obtain amounting state of the at least one target page element, wherein themounting state is configured to indicate whether the at least one targetpage element is mounted or not; move the at least one to-be-loadedpicture from the to-be-loaded queue to the loading queue based on themounting state label indicating that the at least one target pageelement is mounted and the motion state being the non-scrolling state,and add the at least one to-be-loaded picture to the to-be-loaded queuebased on the mounting state indicating that the at least one target pageelement is mounted and the motion state label being the scrolling state.14. The electronic device of claim 13, wherein the processor is furtherconfigured to: not add the at least one to-be-loaded picture to theto-be-loaded queue or move the at least one to-be-loaded picture fromthe to-be-loaded queue to the loading queue based on the mounting stateindicating that the at least one target page element is not mounted. 15.The electronic device of claim 12, wherein the processor is furtherconfigured to: obtain a position state of the at least one target pageelement, move the at least one to-be-loaded picture from theto-be-loaded queue to the loading queue in response to determining thatthe at least one target page element is within the display space of theelectronic device based on the position state and the motion state labelbeing the non-scrolling state; and add the at least one to-be-loadedpicture to the to-be-loaded queue in response to determining that the atleast one target page element is within the display space of theelectronic device based on the position state and the motion state labelbeing the scrolling state.
 16. The electronic device of claim 15,wherein the processor is further configured to: not add the at least oneto-be-loaded picture to the to-be-loaded queue or move the at least oneto-be-loaded picture from the to-be-loaded queue to the loading queue inresponse to determining that the at least one target page element isoutside the display space of the electronic device based on the positionstate.
 17. The electronic device of claim 12, wherein the processor isfurther configured to: remove the at least one to-be-loaded picture fromthe to-be-loaded queue in response to the at least one target pageelement being not mounted.